<?php
/* @var $this ProductController */
/* @var $model Product */
/* @var $form CActiveForm */
/* @var $this SiteController */
$this->layout = '//layouts/column4';
$this->pageTitle =  Yii::t("messages", Yii::app()->name)  . ' - '. Yii::t("messages", "Product");
$active = array();
$breadcrumb = array();
if(!empty($categories)) {
    foreach($categories as $category){
        $active[] = $category['MENU_CODE'];
        $breadcrumb[$category['MENU_NAME']] = array('category/index', 'catSlug'=> $category['MENU_SLUG']);

    }
}
$breadcrumb[] = $product['PRODUCT_NAME'];
$this->categories = $active;
$this->breadcrumbs = $breadcrumb;
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl.'/assets/theme_a/js/pages/product.detail.js', CClientScript::POS_END);

?>

<h1><?php echo $product['PRODUCT_NAME'] ?></h1>
<div class="product-info">
    <div class="left">
        <div class="image">
            <a href="<?php echo Yii::app()->request->baseUrl; ?>/assets/theme_a/image/product/canon_eos_5d_1-500x500.jpg" title="Canon EOS 5D" class="cloud-zoom colorbox" id='zoom1' rel="adjustX: 0, adjustY:0, tint:'#000000',tintOpacity:0.2, zoomWidth:360, position:'inside', showTitle:false">
                <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/theme_a/image/product/canon_eos_5d_1-350x350.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" id="image" />
                <span id="zoom-image"><i class="zoom_bttn"></i> Zoom</span>
            </a>
        </div>
        <div class="image-additional"> <a href="<?php echo Yii::app()->request->baseUrl; ?>/assets/theme_a/image/product/canon_eos_5d_1-500x500.jpg" title="Canon EOS 5D" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'image/product/canon_eos_5d_1-350x350.jpg' ">
                <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/theme_a/image/product/canon_eos_5d_1-350x350.jpg" width="62" title="Canon EOS 5D" alt="Canon EOS 5D" /></a>
            <a href="<?php echo Yii::app()->request->baseUrl; ?>/assets/theme_a/image/product/canon_eos_5d_3-500x500.jpg" title="Canon EOS 5D" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'image/product/canon_eos_5d_3-350x350.jpg' ">
                <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/theme_a/image/product/canon_eos_5d_3-350x350.jpg" width="62" title="Canon EOS 5D" alt="Canon EOS 5D" /></a>
            <a href="<?php echo Yii::app()->request->baseUrl; ?>/assets/theme_a/image/product/canon_eos_5d_2-500x500.jpg" title="Canon EOS 5D" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'image/product/canon_eos_5d_2-350x350.jpg' ">
                <img src="<?php echo Yii::app()->request->baseUrl; ?>/assets/theme_a/image/product/canon_eos_5d_2-350x350.jpg" width="62" title="Canon EOS 5D" alt="Canon EOS 5D" /></a> </div>
    </div>
    <div class="right">
        <div class="description">
            <span>Product Name :</span> <a href="#"><?php echo $product['PRODUCT_NAME'] ?></a><br />
            <span>Product Code:</span> <?php echo $product['PRODUCT_CODE'] ?><br />
        </div>
    </div>
</div>
<!-- Description and Reviews Tab Start -->
<div id="tabs" class="htabs"> <a href="#tab-description">Description</a>  </div>
<div id="tab-description" class="tab-content" style="min-height: 300px">
    <?php echo $product['DETAIL'] ?>
</div>
<!-- Description and Reviews Tab End -->
<!--Related Product Start-->
<div class="box">
    <div class="box-heading">Related Products (11)</div>
    <div class="box-content">
        <div class="box-product">
            <div class="flexslider" id="related_pro">
                <ul class="slides">
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/lotto-sports-shoes-white-210x210.jpg" alt="Lotto Sports Shoes" /></a></div>
                            <div class="name"><a href="http://localhost/polishop/index.php?route=product/product&amp;product_id=43">Lotto Sports Shoes</a></div>
                            <div class="price"> $589.50 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/iphone_1-210x210.jpg" alt="iPhone 4s" /></a></div>
                            <div class="name"><a href="product.html">iPhone 4s</a></div>
                            <div class="price"> $120.68 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="rating"><img src="image/stars-4.png" alt="Based on 1 reviews." /></div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/apple_cinema_30-210x210.jpg" alt="Apple Cinema 30&quot;" /></a></div>
                            <div class="name"><a href="product.html">Apple Cinema 30&quot;</a></div>
                            <div class="price"> <span class="price-old">$119.50</span><span class="price-new">$107.75</span> </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/sony_vaio_1-210x210.jpg" alt="Friendly Jewelry" /></a></div>
                            <div class="name"><a href="product.html">Friendly Jewelry</a></div>
                            <div class="price"> $1,177.00 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/Jeep-Casual-Shoes-210x210.jpg" alt="Jeep-Casual-Shoes" /></a></div>
                            <div class="name"><a href="product.html">Jeep-Casual-Shoes</a></div>
                            <div class="price"> $131.25 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/htc_touch_hd_1-210x210.jpg" alt="iPhone 5s" /></a></div>
                            <div class="name"><a href="product.html">iPhone 5s</a></div>
                            <div class="price"> $119.50 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/ipod_touch_1-210x210.jpg" alt="Sunglass" /></a></div>
                            <div class="name"><a href="product.html">Sunglass</a></div>
                            <div class="price"> $1,177.00 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/reebok-men-sports-shoes-210x210.jpg" alt="Reebok Men Sports Shoes" /></a></div>
                            <div class="name"><a href="product.html">Reebok Men Sports Shoes</a></div>
                            <div class="price"> $119.50 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/samsung_tab_1-210x210.jpg" alt="Eagle Print Top" /></a></div>
                            <div class="name"><a href="product.html">Eagle Print Top</a></div>
                            <div class="price"> $236.99 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/nikon_d300_1-210x210.jpg" alt="Nikon D300" /></a></div>
                            <div class="name"><a href="product.html">Nikon D300</a></div>
                            <div class="price"> $942.00 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                    <li>
                        <div class="slide-inner">
                            <div class="image"><a href="product.html"><img src="image/product/samsung_syncmaster_941bw-210x210.jpg" alt="Samsung SyncMaster 941BW" /></a></div>
                            <div class="name"><a href="product.html">Samsung SyncMaster 941BW</a></div>
                            <div class="price"> $237.00 </div>
                            <div class="cart">
                                <input type="button" value="Add to Cart" class="button" />
                            </div>
                            <div class="clear"></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--Related Product End-->